<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<link type="text/css" rel="stylesheet"
	href="${pageContext.request.contextPath}/resource/css/style.css" />
	

	
<style type="text/css">
.tag_list {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D7CBC1;
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	list-style: none outside none;
	margin: 10px 2% 0 1%;
	padding: 1px;
}

.tag_list h5 {
	background: none repeat scroll 0 0 #E0DBD3;
	color: #47381C;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
	margin: 0;
}

.tag_list h5 a {
	color: #47381C;
}

.classify {
	margin: 10px 0;
	padding: 4px 12px 8px;
}

.classify a {
	margin-right: 20px;
	white-space: nowrap;
}
</style>

<style type="text/css">
#popup_mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 9999;
	left: 0px;
	top: 0px;
	opacity: 0.3;
	filter: alpha(opacity =   30);
	display: none;
}
</style>
<style type="text/css">
.embody {
	padding: 10px 10px 10px;
	margin: 0 -20px;
	border-bottom: solid 1px #ededed;
}

.embody_b {
	margin: 0;
	padding: 10px 0;
}

.embody .embody_t,.embody .embody_c {
	display: inline-block;
	margin-right: 10px;
}

.embody_t {
	font-size: 12px;
	color: #999;
}

.embody_c {
	font-size: 12px;
}

.embody_c img,.embody_c em {
	display: inline-block;
	vertical-align: middle;
}

.embody_c img {
	width: 30px;
	height: 30px;
}

.embody_c em {
	margin: 0 20px 0 10px;
	color: #333;
	font-style: normal;
}
</style>

<title>My JSP 'postDetail.jsp' starting page</title>


</head>

<body>

	<jsp:include page="../inc/head_nav.jsp" />
	<div>
		<div id="container">
			<div id="header">
				<div class="header">
					<div id="">
						<h2>
							<a>${user.getUserDesc()}</a>
						</h2>
					</div>
				</div>
			</div>
		</div>
		<div id="navigator">
			<div class="navigator_bg"></div>
			<div class="navigator">
				<ul>

				</ul>
			</div>
		</div>

		<div id="body">
			<div id="main">
				<div class="main">

					<div class="list_item_new">

						<div id="article_list" class="contents">
						
						
                        <c:forEach items="${article}" var="art"> 
							<div class="list_item list_view">
							
								<div class="article_title">
									<span class="ico ico_type_Original"></span>


									<h1>
										<span class="link_title"><a
											href="${pageContext.request.contextPath}/ArticleSer?tag=detail&&articleid=${art.articleId}">
												${art.getArticleTitle()} </a> </span>

									</h1>
								</div>

								<div class="article_manage">
									<span class="link_postdate">${art.getStringDate()}</span> <span
										class="link_view" title="阅读次数"><a
										 title="阅读次数">阅读</a>${art.getArticleClick()}</span>
									<span class="link_comments" title="评论次数"><a href="" title="评论次数" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_pinglun'])">评论</a></span>

								</div>
						
							</div>	
							</c:forEach>	
						</div>
						<!--显示分页-->

						

					</div>
					<script type="text/ecmascript">
						
    $(function () {
        setTimeout(function () {
            $("a img[src='http://js.tongji.linezing.com/stats.gif']").parent().css({ "position": "absolute", "left": "50%" });
        }, 300);
    });    

					</script>


					<div class="clear"></div>
				</div>


			</div>
	<div id="side">

			<div class="side">
				<div id="panel_Profile" class="panel">
					<ul class="panel_head"><li> <span>个人资料</span></li>
					</ul>
					<ul class="panel_body profile"><li>
					<div id="blog_userface">
					<a target="_blank"> 
					<img src="${pageContext.request.contextPath}/${user.getUserImgUrl()}" title="访问我的空间" style="max-width:90%" />
					</a> <br /> 
					<span><a class="user_name" target="_blank">
						${user.getUserName()}</a></span>
					</div></li>
					<li><ul id="blog_rank">
				
						<li>等级：<span>${user.getRank().getRankName()}</span></li>
						<li>积分：<span>${user.getUserMark()}</span></li>
					</ul></li>
				<li><ul >
						<li>邮箱：<span>${user.getUserEmail()}</span></li>
						<li>注册时间：<span>${user.getStringRegTime()}</span></li>
	
						</ul></li>
					</ul>
				</div>


				<div class="panel" id="panel_Search">
					<ul class="panel_head"><li>
						<span>文章搜索</span></li>
					</ul>
					<ul class="panel_body" class="form_search">
					<li>
					<form id="frmSearch" class="form_search csdn-tracking-statistics" target="_blank">
					<span>
						<input id="inputSearch" type="text" class="blogsearch" title="请输入关键字" /></span>
						 <input id="btnSubmit" type="button" value="搜索" title="search in blog" /> 
							 <input type="hidden" name="q" id="inputQ" /> 
							 <input type="hidden" name="t" value="blog" /> 
					 <a id="btnSearchBlog" target="_blank"></a>
						</form></li>
					</ul>
				</div>

				<div id="panel_Category" class="panel">
					<ul class="panel_head">
					<li><span>博客专栏</span></li>
					</ul>
					<ul class="panel_body" id="sp_column">
					<c:forEach items="${userScolumn}" var="scol">
					<li><table cellpadding="0" cellspacing="0">
							<tr>
								<td style="padding:10px 10px 0 0;"><a
									href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${scol.columnId}"
									target="_blank"><img
										src="${pageContext.request.contextPath}${scol.columnImgUrl}"
										style="width:75px;height:75px;" /></a></td>
								<td style="padding:10px 0; vertical-align:top;"><a
									href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${scol.columnId}"
									target="_blank">${scol.columnName}</a>
									<p>文章：13篇</p> <span>阅读：2512</span></td>
							</tr>
						</table>
						</li>
						</c:forEach>
					</ul>
				</div>
				
				<div id="hotarticls" class="panel tracking-ad">
					<ul class="panel_head">
					<li><span> 阅读排行</span></li>
					</ul>

					<ul class="panel_body itemlist">
					<c:forEach items="${aboutTenArt}" var="ten">
						<li><a href="${pageContext.request.contextPath}/ArticleSer?tag=detail&&articleid=${ten.articleId}"
							title="${ten.articleTitle }">${ten.articleTitle }</a><span>(${ten.articleClick })</span>
						</li>
						</c:forEach>
					</ul>
				</div>
				

			</div>
		</div>
		</div>
	</div>
	<jsp:include page="../inc/footer_nav.jsp"></jsp:include>
</body>
</html>
